﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!-- 核心标签库 -->
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>系统登录 - 超市订单管理系统</title>
    <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath }/css/style.css" />
    <style type="text/css">
        /*/!*登录页登录和重置按钮*!/.providerView a是供应商管理页面下信息查看也得返回按钮的样式*/
        input[type='button']{
            width: 42%;
            cursor: pointer;
            background: #54a4d7;
            padding: 6px 18px;
            font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
            color: #fff;
            font-size: 18px;
            border: 1px solid #4682be;
            margin-bottom: 10px;
            margin-right: 22px;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            -webkit-box-shadow: 0px 1px 4px 4px rgba(0, 0, 0, 0.07) inset,
            0px 0px 0px 3px rgb(254, 254, 254),
            0px 5px 3px 3px rgb(210, 210, 210);
            -moz-box-shadow: 0px 1px 4px 4px rgba(0, 0, 0, 0.07) inset,
            0px 0px 0px 3px rgb(254, 254, 254),
            0px 5px 3px 3px rgb(210, 210, 210);
            box-shadow: 0px 1px 4px 4px rgba(0, 0, 0, 0.07) inset,
            0px 0px 0px 3px rgb(254, 254, 254),
            0px 5px 3px 3px rgb(210, 210, 210);
            position: relative;
            left: 165px;
            bottom: 48px;
        }
        input[type='submit'], input[type='reset']{
            width: 25%;
            padding: 6px 15px;
        }
    </style>
    <script type="text/javascript">
	/* if(top.location!=self.location){
	      top.location=self.location;
	 } */
    </script>
</head>
<body class="login_bg">
    <section class="loginBox">
        <header class="loginHeader">
            <h1>超市订单管理系统</h1>
        </header>
        <section class="loginCont">
	        <form class="loginForm" action="${pageContext.request.contextPath }/user/login"  name="actionForm" id="actionForm"  method="post" >
				<div class="info">${error}</div>
				<div class="inputbox">
                    <label for="user">用户名：</label>
					<input type="text" class="input-text" id="userCode" name="userCode" placeholder="请输入用户名" required/>
				</div>	
				<div class="inputbox">
                    <label for="mima">密码：</label>
                    <input type="password" id="userPassword" name="userPassword" placeholder="请输入密码"/>
                </div>	
				<div class="subBtn">
					
                    <input type="submit" value="登录"/>
                    <input type="reset" value="重置"/>
                    <input type="button" id="codeLogin" value="邮箱登录"/>
                </div>
			</form>
        </section>
    </section>
</body>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.8.3.min.js" ></script>
<script type="text/javascript">
    $(function() {
        //对验证码登录的处理
        //一开始的验证码登录按钮不能使用，只用用户编码存在才可以使用
        //这里有个问题，用户编码不唯一，最好使用唯一的东西进行登录，查邮箱的时候才好查找
        //校验用户邮箱是否存在
        //一开始 不可以使用邮箱登录，用户名正确才可以
        $("#codeLogin").attr("disabled","true");
        $("#codeLogin").css("background-color","#aaa");
        $("#userCode").blur(function () {
            $.getJSON("${pageContext.request.contextPath}/user/checkUserCodeExist",{"userCode":$("#userCode").val()} ,function(data){
                //判断添加返回结果
                if(data == true){
                    // alert("用户邮箱存在");
                    $("#codeLogin").attr("disabled",false);
                    $("#codeLogin").css("background-color","#54a4d7");
                }else{
                    // alert("用户没有开启邮箱登录！！！");
                    $("#codeLogin").attr("disabled",true);
                    $("#codeLogin").css("background-color","#aaa");
                }
            });
        });

        //发送验证码 跳转到验证码登录页面
        $("#codeLogin").click(function () {
            $.getJSON("${pageContext.request.contextPath}/user/sendEmail",null ,function(data){
                //判断添加返回结果
                //alert(data)
                if(data == true){
                   alert("请注意接收验证码！！！");
                    location.href = "emailLogin.jsp";
                }else{
                    alert("验证码发送失败！！！");
                }
            });
        });
    });
</script>
</html>
